page{
    background: #f6f6f6;

.finance{


.backgroundOrange{
    width: 750rpx;
    height: 111rpx;
    background: #F6A526;
    padding: 23rpx 24rpx;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    .clientServe{
        position: relative;
        image{
            position: absolute;
            left: 25rpx;
            top: 15%;
            transform:translateY(12rpx);
            width: 22rpx;
            height: 22rpx;
        }
        input{
            width: 260rpx;
        height: 60rpx;
        border-radius:10rpx ;
        padding-left: 50rpx;
        box-sizing: border-box;
            background: #f8f8f8;
        }
    }
    .timeSerch {
        display: flex;
        justify-content: space-between;
        .section {
            width:260rpx;
            height: 60rpx;
            background: #f8f8f8;
            border-radius: 10rpx;
            padding: 0 18rpx 0 32rpx;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            align-items: center;
            picker {
                width: 100%;
                height: 30rpx;
                line-height: 30rpx;
            }
            .picker {
                color: #999999;
                font-size: 26rpx;
            }
            image {
                width: 22rpx;
                height: 22rpx;
            }
        }

    }
    // 日期组件样式部分
    .dateBlock{
        border-radius: 10rpx;
        display: flex;
        align-items: center;
        // padding: 0 23rpx;
        width: 260rpx;
        height: 60rpx;
        background: #F8F8F8;
        color: #999999;
        font-size: 26rpx;
        .section{
            position: relative;
            line-height: 60rpx;
            height: 60rpx;
            width: 260rpx;
          
            .icon-riqi{
                font-size: 26rpx;
                // z-index: -1;
                right: 19rpx;
                top: 0;
                position: absolute;
                color: #999999
                
                
            }
        }
        .picker{
            display: block;
            width: 260rpx;
            line-height: 60rpx;
            height: 60rpx;
            padding: 0 23rpx;
        }
    }
   
    // 提交
    .btn{
        text-align: center;
        background: #FFFFFF;
        width: 120rpx;
       line-height: 60rpx;
       height: 60rpx;
       color: #F6A526;
       font-size: 26rpx;
       border-radius: 10rpx;
    }

    
}

.client-button{
    display: flex;
    justify-content: space-between;
    // box-sizing: border-box;
    margin:0 24rpx;
    button{
        margin-top: 60rpx;
        width: 214rpx !important;
       line-height: 66rpx;
        background: #F6A526;
        color: #FFFFFF;
        font-weight: normal;
        font-size: 30rpx;
        padding: 0;
        font-family: PingFang-SC-Regular;
    }
}
.slide{
    // 滑动样式
    padding: 32rpx 24rpx;
    border-radius: 16rpx;
    overflow: hidden;
    .containera{
        width:267rpx;
        background: #f8f8f8;
        border: none;
        height: 60rpx;
        margin-right: 20rpx;
        outline: none;
        .select-wrap{
        width: 267rpx;
     

        }
    }
.scroll-view {
    //    margin: 32rpx 0 0 24rpx;
        // width: 725rpx;
        // box-sizing: border-box;
        // overflow: hidden;
        //列表样式
        .motorcade {
            background: #ffffff;
            width: 2000rpx;
            border-radius: 16rpx;
            padding: 0 24rpx;
            box-sizing: border-box;
    
            .title {
                color: #F6A526;
                font-size: 26rpx;
                display: flex;
                margin-bottom: 26rpx;
                text-align: center;
                line-height: 74rpx;
                height: 74rpx;
                border-bottom: 1px solid #EAEAEA;
    
                text {
                    &:nth-child(1){
                        width: 75rpx;
                       }
                       &:nth-child(3){
                           width: 240rpx;
                       }
                       width: 175rpx;
                       &:nth-child(8){
                        width: 267rpx;
                        margin-right: 20rpx;
                       }
                       &:nth-child(9){
                        width: 267rpx;
                       }
                    // &:nth-child(5) {
                    //     width: 300rpx;
                    // }
    
                }
    
            }
    
            .list {
                display: flex;
                font-size: 22rpx;
                color: #666666;
                padding-bottom: 44rpx;
                text-align: center;
    
                >text {
                   &:nth-child(1){
                    width: 75rpx;
                   }
                   &:nth-child(3){
                    width: 240rpx;
                }
                    width: 175rpx;
                
                    // &:nth-child(5) {
                    //     width: 300rpx;
                    // }
                }
                // view {
                //     width: 170rpx;
                //     border: 1px solid orange;
                //     border-radius: 16rpx;
                // }
    
            }
        }
    }
}

}

}
